<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>萝卜特甜</title>
    <link href="css/reset.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <nav class="main-menu">
        <ul>
            <li>
                <a href="http://startific.com">
                    <i class="fa fa-home fa-lg"></i>
                    <span class="nav-text">首页</span>
                </a>
            </li>

            <li>
                <a href="#">
                    <i class="fa fa-trophy fa-lg"></i>
                    <span class="nav-text">案例展示</span>
                </a>

            </li>

            <li class="has-subnav">
                <a href="#">
                    <i class="fa fa-newspaper-o fa-lg"></i>
                    <span class="nav-text">最新动态</span>
                </a>
            </li>

            <li>
                <a href="#">
                    <i class="fa fa-user fa-lg"></i>
                    <span class="nav-text">合作伙伴</span>
                </a>
            </li>
            
            <li class="has-subnav">
                <a href="#">
                   <i class="fa fa-map-marker fa-lg"></i>
                    <span class="nav-text">地图</span>
                </a>
            </li>
         </ul>
    </nav>
    
    <div class="navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="fa fa-bars color-white"></span>
                </button>
                <h1>
                    <a class="navbar-brand" href="index.html">
                        <img src="img/lbttlogo.png" alt="萝卜特甜" style="display: inline">&nbsp;&nbsp;&nbsp;萝卜特甜
                    </a>
                </h1>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a class="smooth" href="#section-home">特甜VR</a></li>
                    <li><a class="smooth" href="qsjqj.html">全视界全景</a></li>
                    <li><a class="smooth" href="about.html">关于我们</a></li>
                    <li><a class="smooth" href="contact.html">联系我们</a></li>
                </ul>
            </div>
          <!--/.navbar-collapse -->
        </div>
    </div>

    <section id="section-home" class="appear carousel carousel-fade slide" data-ride="carousel" data-interval="5000" data-pause="hover">

        <ol class="carousel-indicators">
            <li data-target="#section-home" data-slide-to="0" class=""></li>
            <li data-target="#section-home" data-slide-to="1" class="active"></li>
            <li data-target="#section-home" data-slide-to="2" class=""></li>
            <li data-target="#section-home" data-slide-to="3" class=""></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item firstcar" style="background: url(&quot;img/slide7.jpg&quot;);">
                <div id="sky" style="position: absolute;top: 0"></div>
                <div class="container-fluid">
                    <div class="row home-top">
                        <div class="col-md-12">
                            <img src="img/logoword.png" class="animation203 animated fadeInDown img-responsive center-block">
                            <br>
                            <br>
                            <br>
                            <img src="img/t2.png" class="animation203 animated fadeInUp img-responsive center-block">
                        </div>
                    </div>
                </div>
            </div>
            <div class="item active" style="background: url(&quot;img/slide4.jpg&quot;);">
                <div class="container">
                    <div class="row" style="margin-top: 110px">
                        <div class="col-md-5 animated fadeInUp car-image2">
                            <img src="img/htctop.png" class="img-responsive">
                        </div>
                        <div class="col-md-7">
                            <p class="carouselText2 animated animation203 fadeInDown" style="color: #404040">我们更了解你的需求</p>
                            <br>
                            <p class="carouselText3 animation206 animated fadeInUp" style="color: #404040">
                                突破空间局限，打造您的移动样板间
                            </p><br>
                            <p class="carouselText3 animation209 animated fadeInUp" style="color: #404040">
                                拉长预售期，为你争取更多的时间
                            </p><br>
                            <p class="carouselText3 animation212 animated fadeInUp" style="color: #404040">
                                VR 2.0，为每个客户定制个性化样板间
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item" style="background: url(&quot;img/slide7.jpg&quot;);">
                <div class="container-fluid">
                    <div class="row home-top1">
                        <div class="col-md-12 text-center">
                            <img src="img/logoword.png" class="animation203 animated fadeInDown img-responsive center-block">
                            <br>
                            <br>
                            <br>
                            <img src="img/t2.png" class="animation203 animated fadeInUp img-responsive center-block">
                        </div>
                    </div>
                </div>
            </div>
            <div class="item" style="background: url(&quot;img/slide9.jpg&quot;);">
                <div class="container">
                    <div class="row home-top1">
                        <div class="col-md-12 text-center">
                            <img src="img/t3.png" class="animation203 animated fadeInDown img-responsive center-block">
                            <!--<p class="carouselText1 animation203 animated fadeInDown">我们的理念</p>-->
                            <div class="row car-four">
                                <div class="col-md-4 col-xs-4 color-white animated fadeInDown align-center">
                                    <i class="fa fa-circle-o fa-5x color-white"></i>
                                    <p class="carouselText4">简&nbsp;&nbsp;&nbsp;&nbsp;洁</p>
                                    <p class="carouselText1">大&nbsp;道&nbsp;至&nbsp;简</p>
                                </div>
                                <div class="col-md-4 col-xs-4 color-white animated fadeInDown align-center">
                                    <i class="fa fa-line-chart fa-5x color-white "></i>
                                    <p class="carouselText4">高&nbsp;&nbsp;&nbsp;&nbsp;效</p>
                                    <p class="carouselText1">倍&nbsp;道&nbsp;兼&nbsp;行
                                    </p>
                                </div>
                                <div class="col-md-4 col-xs-4 color-white animated fadeInDown align-center">
                                    <i class="fa fa-cogs fa-5x color-white"></i>
                                    <p class="carouselText4">稳&nbsp;&nbsp;&nbsp;&nbsp;定</p>
                                    <p class="carouselText1">周&nbsp;道&nbsp;如&nbsp;砥
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="mice">
            <a href="#section-product" class="smooth">
                <div>
                    <span class="unu"></span>
                    <span class="doi"></span>
                </div>
            </a>
        </div>
    </section>

    <section class="section clearfix ">
        <div class="container">
            <div class="row">
                <div class="col-md-12 align-center">
                    <p class="section-header notransition animated fadeInDownNow animation103 fadeInDown">案例展示</p>
                    <p class="section-subheader notransition animated fadeInUpNow animation103 fadeInUp">VR1.0</p>
                    <p class="section-subheader notransition animated fadeInUpNow animation103 fadeInUp">微信扫码 开启未来之家</p>
                </div>
            </div>
            <div class="row mar-top40 notransition animated fadeInUpNow animation103 fadeInUp">
                <div class="col-md-4 col-sm-4">
                    <div class="vrbox">
                        <div class="vrone" title="" data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="电脑端直接点击二维码<br>手机端体验更多请扫码">
                            <img src="img/portfolio/xlys.jpg" alt="" class="backimg img-responsive">
                            <a href="http://720yun.com/t/d3928af6y1i?pano_id=653532" target="_blank">
                                <div class="qrcode" style="background: url('img/qr/xlys.png') center no-repeat;">
                                </div>
                            </a>
                        </div>
                        <div class="vrtext">
                            <span><i class="fa fa-map-marker"></i>&nbsp;&nbsp;镇江 ▪ 宝华</span>
                            <span><i class="fa fa-building-o"></i>&nbsp;&nbsp;碧桂园仙林云墅</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;198平别墅</span>
                            <span><i class="fa fa-home"></i>&nbsp;&nbsp;上下叠墅</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="vrbox">
                        <div class="vrone" title="" data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="电脑端直接点击二维码<br>手机端体验更多请扫码">
                            <img src="img/portfolio/fchf.jpg" alt="" class="backimg img-responsive">
                            <a href="http://www.qsjqj.com/server/feicuihuafu/fchfxb.html" target="_blank">
                                <div class="qrcode" style="background: url('img/qr/fchf.png') center no-repeat;">
                                </div>
                            </a>
                        </div>
                        <div class="vrtext">
                            <span><i class="fa fa-map-marker"></i>&nbsp;&nbsp;镇江 ▪ 宝华</span>
                            <span><i class="fa fa-building-o"></i>&nbsp;&nbsp;碧桂园翡翠华府</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;样板间寻宝之旅</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="vrbox">
                        <div class="vrone" title="" data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="电脑端直接点击二维码<br>手机端体验更多请扫码">
                            <img src="img/portfolio/cshy.jpg" alt="" class="backimg img-responsive">
                            <a href="http://720yun.com/t/da626makw1v?pano_id=574585" target="_blank">
                                <div class="qrcode" style="background: url('img/qr/cshy.png') center no-repeat;">
                                </div>
                            </a>
                        </div>
                        <div class="vrtext">
                            <span><i class="fa fa-map-marker"></i>&nbsp;&nbsp;滁州 ▪ 来安县</span>
                            <span><i class="fa fa-building-o"></i>&nbsp;&nbsp;碧桂园城市花园</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;95平精装洋房</span>
                            <span><i class="fa fa-home"></i>&nbsp;&nbsp;三室两厅一卫</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row notransition animated fadeInUpNow animation103 mar-top40 mar-bot40 fadeInUp">
                <div class="col-md-4 col-sm-4">
                    <div class="vrbox">
                        <div class="vrone" title="" data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="电脑端直接点击二维码<br>手机端体验更多请扫码" aria-describedby="tooltip757347">
                            <img src="img/portfolio/teh.jpg" alt="" class="backimg img-responsive">
                            <a href="http://720yun.com/t/41620cigu1f?pano_id=1230853" target="_blank">
                                <div class="qrcode" style="background: url('img/qr/teh.png') center no-repeat;">
                                </div>
                            </a>
                        </div><div class="tooltip fade top in" role="tooltip" id="tooltip757347" style="top: -47px; left: 127px; display: block;"><div class="tooltip-arrow" style="left: 50%;"></div><div class="tooltip-inner">电脑端直接点击二维码<br>手机端体验更多请扫码</div></div>
                        <div class="vrtext">
                            <span><i class="fa fa-map-marker"></i>&nbsp;&nbsp;常州 ▪ 天宁区</span>
                            <span><i class="fa fa-building-o"></i>&nbsp;&nbsp;高成天鹅湖</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;365平空中花园</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="vrbox">
                        <div class="vrone" title="" data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="电脑端直接点击二维码<br>手机端体验更多请扫码">
                            <img src="img/portfolio/gcxe.jpg" alt="" class="backimg img-responsive">
                            <a href="http://720yun.com/t/ef52axzuceg?pano_id=1000728" target="_blank">
                                <div class="qrcode" style="background: url('img/qr/xy.png') center no-repeat;">
                                </div>
                            </a>
                        </div>
                        <div class="vrtext">
                            <span><i class="fa fa-map-marker"></i>&nbsp;&nbsp;常州 ▪ 天宁区</span>
                            <span><i class="fa fa-building-o"></i>&nbsp;&nbsp;高成玺园</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;250平别墅</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="vrbox">
                        <div class="vrone" title="" data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="电脑端直接点击二维码<br>手机端体验更多请扫码">
                            <img src="img/portfolio/jlxlf.jpg" alt="" class="backimg img-responsive">
                            <a href="http://720yun.com/t/4d82axz5946?pano_id=1175363" target="_blank">
                                <div class="qrcode" style="background: url('img/qr/xlf.png') center no-repeat;">
                                </div>
                            </a>
                        </div>
                        <div class="vrtext">
                            <span><i class="fa fa-map-marker"></i>&nbsp;&nbsp;南京 ▪ 雨花台区</span>
                            <span><i class="fa fa-building-o"></i>&nbsp;&nbsp;金轮星立方</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;180平商务写字楼</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>    
    </section>

    <a id="scrollUp" href="#header" class="scrollup" style="z-index: 999999;"><i class="fa fa-chevron-up"></i></a>
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.color.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/main.js"></script>

</body>
</html>